body{
    margin: 0px;
    padding: 0px;
    bottom:0px;
    border-color: #eff0f4;
    overflow: hidden;
}
.nav{
    position:absolute;
    width:100%;
    height:100%;
    background-size:cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color:#eff0f4;
}
#btn1 .btn{
    background-color:#096cbd;
    border: 0px;
    height:40px;
    width: 110px;
    margin-bottom: 20px;
    color: white;
}
.background{
    width:93%;
    height:93%;
    margin:20px 60px 40px 60px;
    background-image: url(../images/login3.png);
    background-repeat: no-repeat;
    -webkit-background-size:100% 100%;
    position:relative;
}
.title{
    line-height: 80px;
    margin-left:60px ;
}
.phoneAll{
    height:100%;
    width:100%;
    position:absolute;
}
#position1,#position001{
    position: absolute;
    left: 80.5%;
    top: 45%;
    z-index: 1;
}
#position2,#position002{
    position: absolute;
    left: 80.5%;
    top: 27%;
    z-index: 1;
}
#position3,#position003{
    position: absolute;
    left: 91%;
    top: 27%;
    z-index: 1;;
}
#position4,#position004{
    position: absolute;
    left: 91%;
    top: 46%;
    z-index: 1;
}
#position5,#position005{
    position: absolute;
    left: 61%;
    top: 75.5%;
    z-index: 1;
}
#position6,#position006{
    position: absolute;
    left: 58%;
    top: 81%;
    z-index: 1;
}
#position7,#position007{
    position: absolute;
    left: 55%;
    top: 86.5%;
    z-index: 1;
}
#position8,#position008{
    position: absolute;
    left: 52%;
    top: 92%;
    z-index: 1;
}
#position1,#position2,#position3,#position4,#position5,#position6,#position7,#position8{
	z-index: 2;
}
#position001,#position002,#position003,#position004,#position005,#position006,#position007,#position008{
	background-image: url(../images/breakdown01.png);
	background-repeat: no-repeat;
    -webkit-background-size:100% 100%;
	height:49px;
	width:49px;
}
.position02{
	height:50px;
	width:50px;
	background-image: url(../images/electricize01.png);
	 background-repeat: no-repeat;
    -webkit-background-size:100% 100%;
}
.position01{
	height:50px;
	width:50px;
	background-image: url(../images/breakdown01.png);
	background-repeat: no-repeat;
    -webkit-background-size:100% 100%;
}
#chargingPile1,#chargingPile001{
    position: absolute;
    left:64.5%;
    top:30.5%;
    z-index: 1;
}
#chargingPile2,#chargingPile002{
    position: absolute;
    left:57.5%;
    top:30.5%;
    z-index: 1;
}
#chargingPile3,#chargingPile003{
    position: absolute;
    left:50.5%;
    top:30.5%;
    z-index: 1;
}
#chargingPile4,#chargingPile004{
    position: absolute;
    left:43.5%;
    top:30.5%;
    z-index: 1;
 }
#chargingPile5,#chargingPile005{
    position: absolute;
    left:36.5%;
    top:30.5%;
    z-index: 1;
}
#chargingPile6,#chargingPile006{
    position: absolute;
    left:29.5%;
    top:30.5%;
    z-index: 1;
}
#chargingPile7,#chargingPile007{
    position: absolute;
    left:22.5%;
    top:30.5%;
    z-index: 1;
}
#chargingPile8,#chargingPile008{
    position: absolute;
    left:15.5%;
    top:30.5%;
    z-index: 1;
}
.chargingPile03{
	height:140px;
	width:68px;
	background-image: url(../images/charging-pile03.png);
	 background-repeat: no-repeat;
    -webkit-background-size:100% 100%;
     cursor: pointer;
}
.chargingPile02{
	height:140px;
	width:68px;
	background-image: url(../images/charging-pile02.png);
	 background-repeat: no-repeat;
    -webkit-background-size:100% 100%;
     cursor: pointer;
}
.chargingPile04{
	height:140px;
	width:68px;
	background-image: url(../images/charging-pile04.png);
	 background-repeat: no-repeat;
    -webkit-background-size:100% 100%;
     cursor: pointer;
}
.chargingPile05{
	height:140px; 
	width:68px;
	background-image: url(../images/charging-pile05.png);
	 background-repeat: no-repeat;
    -webkit-background-size:100% 100%;
}
#batteryCharger1{
    position: absolute;
    left:76%;
    top:39%;
    z-index: 1;
}
#batteryCharger2{
    position: absolute;
    left:76%;
    top:19%;
    z-index: 1;
}
#batteryCharger3{
    position: absolute;
    left:94%;
    top:19%;
    z-index: 1;
}
#batteryCharger4{
    position: absolute;
    left:94%;
    top:39%;
    z-index: 1;
}
#batteryCharger5{
    position: absolute;
    left:13.7%;
    top:58.5%;
    z-index: 1;
}
#batteryCharger6{
    position: absolute;
    left:9.7%;
    top:58.5%;
    z-index: 1;
 }
#batteryCharger7{
    position: absolute;
    left:5.7%;
    top:58.5%;
    z-index: 1;
}
#batteryCharger8{
    position: absolute;
    left:1.7%;
    top:58.5%;
    z-index: 1;
}
#parkingSpace1{
    position: absolute;
    left:61%;
    top:30.5%;
    z-index: 0;
 }
#parkingSpace2{
    position: absolute;
    left:54%;
    top:30.5%;
    z-index: 0;
}
#parkingSpace3{
    position: absolute;
    left:47%;
    top:30.5%;
    z-index: 0;
}
#parkingSpace4{
    position: absolute;
    left:40%;
    top:30.5%;
    z-index: 0;
}
#parkingSpace5{
     position: absolute;
     left:33%;
     top:30.5%;
     z-index: 0;
 }
#parkingSpace6{
      position: absolute;
      left:26%;
      top:30.5%;
      z-index: 0;
  }
#parkingSpace7{
    position: absolute;
    left:19%;
    top:30.5%;
    z-index: 0;
}
#parkingSpace8{
    position: absolute;
    left:12%;
    top:30.5%;
    z-index: 0;
}
.computer{
    position: absolute;
    left:83%;
    top:30.5%;
    z-index: 1;
}


